<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>mission18</title>
	<style type="text/css">
		#inbtn, #outbtn{
			display: inline-block;
			margin-left: 20px;
		}
		#list{
			margin-top: 20px;
		}
		#list span{
			margin: 10px 10px;
			font-size: 40px;
			background-color: #C40000;
			color: #fff;

		}
	</style>
</head>
<body>
	<input type="text" name="" id = "inno">
	<div id="inbtn">
		<button id="leftin">左侧入</button>
		<button id="rightin">右侧入</button>
	</div>
	<div id="outbtn">
		<button id="leftout">左侧出</button>
		<button id="rightout">右侧出</button>
	</div>
	<div id="list">
	</div>
	<script type="text/javascript" src="task.js"></script>
</body>
</html>